    <template>
    <div class="v2">
           <p>开通后享以下权益</p>
        <ul>
          <li>
            <div>
              <img src="../../public/ykf-img/vip p1.png" alt="" />
            </div>
            <p>大额优惠券</p>
            <div>每单省￥20.0</div>
          </li>
          <li>
            <div>
              <img src="../../public/ykf-img/vip p1.png" alt="" />
            </div>
            <p>大额优惠券</p>
            <div>每单省￥20.0</div>
          </li>
          <li>
            <div>
              <img src="../../public/ykf-img/vip p1.png" alt="" />
            </div>
            <p>大额优惠券</p>
            <div>每单省￥20.0</div>
          </li>
          <li>
            <div>
              <img src="../../public/ykf-img/vip p1.png" alt="" />
            </div>
            <p>大额优惠券</p>
            <div>每单省￥20.0</div>
          </li>
          <li>
            <div>
              <img src="../../public/ykf-img/vip p1.png" alt="" />
            </div>
            <p>大额优惠券</p>
            <div>每单省￥20.0</div>
          </li>
        </ul>
    </div>
</template>

<script>
    import Vue from 'vue'

    export default {
        
    }
</script>

<style lang="stylus" scoped>
.v2{
    >p {
      padding: 0.16rem 0;
      font-size: 0.16rem;
      color #333
    //   padding-left .1rem
    }

    ul {
      display: flex;
      width: 100%;
      justify-content: space-between;
      flex-wrap: wrap;
      font-size: 0.14rem;

      li {
        width: 24%;
        text-align: center;
        padding-bottom: 0.1rem;

        >div:first-child {
          width: .45rem;
          height .45rem
          // height 52%
          border-radius: 0.25rem;
          background-color: rgba(102, 110, 232, 0.098039215);
          text-align: center;
          line-height: 0.45rem;
          display: inline-block;
        }

        >p {
            line-height 1
            padding: 0.1rem 0 0.06rem;
        }
        
        >div:last-child {
          text-align: center;
           white-space nowrap; 
           overflow hidden
          font-size: 0.12rem;
          color: #ccc;
        }
      }
    }
  }

</style>